<template>
  <div class="content">
    <div class="rec_rule">
      <div class="common-sub-title">
        <img src="~assets/img/icon_detail.png" alt="培育统计">
        <span>活动规则</span>
      </div>
      <div class="rule-info">
        <ol>
          <li>推荐人打开我要推荐页面出示二维码，被推荐人对二维码进行扫码注册并支付金额，待财务审核通过，用户确认激活后，即可推荐成功，成为注册用户。</li>
        </ol>
      </div>
    </div>
    <v-remark></v-remark>
  </div>
</template>

<script>
import remark from 'src/common/remark'
export default {
  components: {
    'v-remark': remark
  }
}
</script>

<style scoped lang='scss'>
  @import '~lib/reset.scss';
  .rec_rule {
    padding: 0 16px 50px 16px;
    background-color: #fff;
    margin-top: 10px;
    .rule-info {
      ol {
        padding: 16px 16px 0 16px;
        li {
          font-size: $font-15;
          line-height: 2;
        }
      }
    }
  }
  .remark {
    margin: 10px 40px;
  }

</style>
